<template>
  <div class="wra">
    <div class="hearder" v-show="showHeader">
      <img src="../assets/images/logo1.png" />
      <div class="title">
        <h4>更多礼卷，更多优惠！</h4>
        <h5>前往当当客户端</h5>
      </div>
      <button>打开&nbsp;&nbsp;App</button>
      <div class="btn" @click="showHeader = false">x</div>
    </div>
    <!-- 搜索组件 -->
    <searchBox />
    <!-- 轮播图 组件-->
    <banner />
    <!-- 导航组件 -->
    <cate />

    <!-- 类型导航 -->
    <div class="categoryNav">
      <categoryArea />
      <!-- 类型卡片组件 -->
      <productCard
        v-for="d2 in data2"
        :key="d2.name"
        :d2="d2"
        :hours="hours"
        :minutes="minutes"
        :seconds="seconds"
      />
    </div>

    <!-- 今日大牌 -->
    <div class="todayBigBrand">
      <div class="top">
        <div class="l">
          <div class="title">今日大牌</div>
          <img :src="data3[0].img_url" alt="" />
        </div>
        <div class="r">
          <div
            class="item"
            v-for="(item, index) in data3.slice(1, 5)"
            :key="index"
          >
            <img :src="item.img_url" alt="" />
            <p>{{ item.pic_title }}</p>
          </div>
        </div>
      </div>
      <div class="bottom">
        <ul>
          <li v-for="(item, index) in data4[0].value" :key="index">
            <img :src="item.product_img" />
            <img :src="item.img_url" />
          </li>
        </ul>
      </div>
    </div>

    <!-- 商品区域组件 -->
    <product-area
      v-for="item in data"
      :key="item.name"
      :item="item"
    ></product-area>
  </div>
</template>

<script>
import productArea from "../components/home/productArea.vue";
import cate from "../components/home/cate.vue";
import banner from "../components/home/banner.vue";
import searchBox from "../components/home/searchBox.vue";
import productCard from "../components/home/productCard.vue";
import categoryArea from "../components/home/categoryArea.vue";
export default {
  components: {
    categoryArea,
    productArea,
    cate,
    banner,
    searchBox,
    productCard,
  },
  data() {
    return {
      hours: null,
      minutes: null,
      seconds: null,
      // publicPath: process.env.BASE_URL,
      show: true,
      showHeader: true,
      data: [
        {
          name: "当当书城",
          bigImg:
            "http://img62.ddimg.cn/upload_img/00528/000/tushu-1561347961.png",
          bcImg: null,
          value1: null,
          value2: [
            {
              line1: "文艺小情节",
              line2: "书中大情怀",
              proImg:
                "http://img61.ddimg.cn/upload_img/00796/1/wenyi-1610354363.png",
            },
            {
              line1: "万种童书",
              line2: "阅读陪伴成长",
              proImg:
                "http://img62.ddimg.cn/upload_img/00796/1/tongshu-1610354697.png",
            },
            {
              line1: "人文社科",
              line2: "满3件6折",
              proImg:
                "http://img63.ddimg.cn/upload_img/00796/1/sheke-1610354969.png",
            },
            {
              line1: "电子书",
              line2: "阅读陪伴成长",
              proImg:
                "http://img60.ddimg.cn/ddreader/dangebook/202104new_500x500.jpg",
            },
          ],
          value3: [
            {
              line1: "中小学教辅",
              line2: "向上吧少年",
              proImg:
                "http://img62.ddimg.cn/upload_img/00796/1/jiaofu-1610355485.png",
            },
            {
              line1: "阅享新生活",
              line2: "精彩无限",
              proImg:
                "http://img61.ddimg.cn/upload_img/00796/1/shegnhuo-1610356234.png",
            },
            {
              line1: "经管理财",
              line2: "经济新态势",
              proImg:
                "http://img62.ddimg.cn/upload_img/00796/1/jingguan-1610356732.png",
            },
            {
              line1: "科技图书",
              line2: "发现探索",
              proImg:
                "http://img61.ddimg.cn/upload_img/00796/1/keji-1610357237.png",
            },
            {
              line1: "当当直播",
              line2: "边看边买",
              proImg:
                "http://img60.ddimg.cn/upload_img/00803/1/500x5002-1591078794.png",
            },
            {
              line1: "考试冲刺",
              line2: "一路畅行",
              proImg:
                "http://img63.ddimg.cn/upload_img/00796/1/kaoshi-1610357939.png",
            },
            {
              line1: "学生文具",
              line2: "8元起",
              proImg:
                "http://img63.ddimg.cn/upload_img/00789/1/8-1576130391.jpg",
            },
            {
              line1: "特色书馆",
              line2: "进口童书",
              proImg:
                "http://img63.ddimg.cn/upload_img/00316/by/500-1621590317.jpg",
            },
          ],
        },
        {
          name: "服装鞋包",
          bigImg:
            "http://img60.ddimg.cn/upload_img/00528/000/fuzhuang-1561347961.png",
          bcImg: "http://img52.ddimg.cn/223870155342642_y.jpg",
          value1: null,
          value2: [
            {
              line1: "MQD长T",
              line2: "110-160cm",
              proImg: "http://img59.ddimg.cn/223870155075449_y.jpg",
            },
            {
              line1: "MQD裤子",
              line2: "110-160cm",
              proImg:
                "http://img62.ddimg.cn/upload_img/00601/111/361-1605869556.jpg",
            },
          ],
          value3: [
            {
              line1: "茵曼",
              line2: "秋季新品",
              proImg: "http://img59.ddimg.cn/53840146310839_y.jpg",
            },
            {
              line1: "罗蒙",
              line2: "全场1折起",
              proImg: "http://img54.ddimg.cn/218500147806284_y.jpg",
            },
            {
              line1: "诺诗兰",
              line2: "全场低至2折",
              proImg: "http://img58.ddimg.cn/80640153336168_y.jpg",
            },
            {
              line1: "迪士尼宝宝",
              line2: "2件3折",
              proImg: "http://img59.ddimg.cn/226350168730509_y.jpg",
            },
          ],
        },
        {
          name: "当当超市",
          bigImg:
            "http://img60.ddimg.cn/upload_img/00528/000/dangdangchaoshi-1561347961.png",
          bcImg: null,
          value1: [
            {
              line1: "威露士",
              line2: "立减50",
              hot: true,
              proImg:
                "http://img62.ddimg.cn/upload_img/00759/lily/02-1597047031.png",
            },
            {
              line1: "乐高玩具",
              line2: "限时7折",
              hot: true,
              proImg: "http://img56.ddimg.cn/79140119867396_y.jpg",
            },
          ],
          value2: [
            {
              line1: "阿尔法蛋",
              line2: "智能故事机",
              proImg: "http://img57.ddimg.cn/212710321704387_y.jpg",
            },
            {
              line1: "木马人小家具",
              line2: "全场19.9元起",
              proImg: "http://img56.ddimg.cn/223180179785386_y.jpg",
            },
          ],
          value3: [
            {
              line1: "洗护清洁",
              line2: "立减50",
              proImg: "http://img53.ddimg.cn/231260226259443_y.jpg",
            },
            {
              line1: "洪恩点读笔",
              line2: "满499减60",
              proImg: "http://img53.ddimg.cn/146170098062523_y.jpg",
            },
            {
              line1: "戴森吹风机",
              line2: "快速干发",
              proImg: "http://img51.ddimg.cn/121110076275811_y.jpg",
            },
            {
              line1: "网易严选",
              line2: "满199减100",
              proImg: "http://img52.ddimg.cn/157400150733372_y.jpg",
            },
          ],
        },
        {
          name: "BABY",
          bigImg:
            "http://img63.ddimg.cn/upload_img/00528/000/BABY&CHILD-1561347961.png",
          bcImg: "http://img62.ddimg.cn/ddimg/1646/1242332-1630572482.jpg",
          value1: null,
          value2: [
            {
              line1: "Hape玩具",
              line2: "3件3折",
              proImg: "http://img59.ddimg.cn/79140129208549_y.jpg",
            },
            {
              line1: "童书特惠",
              line2: "1.9折起",
              proImg:
                "http://img61.ddimg.cn/upload_img/00785/mobile/tsth_500x500-1561377431.jpg",
            },
          ],
          value3: [
            {
              line1: "惠氏奶粉",
              line2: "买1送2小罐",
              proImg:
                "http://img61.ddimg.cn/upload_img/00690/1/hui-1585137051.jpg",
            },
            {
              line1: "暇步士童装",
              line2: "3件3折",
              proImg: "http://img55.ddimg.cn/207600151812425_y.jpg",
            },
            {
              line1: "大黄蜂童鞋",
              line2: "1件5折",
              proImg:
                "http://img63.ddimg.cn/ddimg/1861/12345678-1630551653.jpg",
            },
            {
              line1: "童书自由选",
              line2: "88元任10件",
              proImg:
                "http://img61.ddimg.cn/upload_img/00785/mobile/495_500x500-1561377542.jpg",
            },
          ],
        },
        {
          name: "聚食惠",
          bigImg: "http://img52.ddimg.cn/178320095006122_y.png",
          bcImg: "http://img57.ddimg.cn/14540153612627_y.jpg",
          value1: null,
          value2: [
            {
              line1: "三只松鼠",
              line2: "满199减130",
              proImg: "http://img52.ddimg.cn/115250134886692_y.jpg",
            },
            {
              line1: "良品铺子",
              line2: "满199减130",
              proImg: "http://img52.ddimg.cn/85420162617902_y.jpg",
            },
          ],
          value3: [
            {
              line1: "茶酒牛奶",
              line2: "领券立减50",
              proImg: "http://img52.ddimg.cn/14540146943372_y.jpg",
            },
            {
              line1: "张裕葡萄酒",
              line2: "满199减30",
              proImg: "http://img52.ddimg.cn/178320120705082_y.jpg",
            },
            {
              line1: "大黄蜂童鞋",
              line2: "1件5折",
              proImg:
                "http://img63.ddimg.cn/ddimg/1861/12345678-1630551653.jpg",
            },
            {
              line1: "百草味",
              line2: "满300减220",
              proImg: "http://img58.ddimg.cn/84110059219258_y.jpg",
            },
          ],
        },
      ],
      data2: [
        {
          name: "今日抢购",
          showTime: true,
          detail: [
            {
              banner: [
                {
                  newPrice: "￥65",
                  oldPrice: "",
                  proImg: "http://img3m2.ddimg.cn/10/31/1892293732-1_h_1.jpg",
                },
                {
                  newPrice: "￥15",
                  oldPrice: "￥120",
                  proImg: "http://img3m0.ddimg.cn/32/27/1238828810-1_h_16.jpg",
                },
                {
                  newPrice: "￥62",
                  oldPrice: "￥144",
                  proImg: "http://img3m9.ddimg.cn/75/21/670803879-1_b.jpg",
                },
                {
                  newPrice: "￥68",
                  oldPrice: "",
                  proImg: "http://img3m9.ddimg.cn/44/24/623967839-1_h_17.jpg",
                },
              ],
            },
            {
              banner: [
                {
                  newPrice: "￥14.5",
                  oldPrice: "￥150",
                  proImg: "http://img3m4.ddimg.cn/14/8/1637117474-1_h_10.jpg",
                },
                {
                  newPrice: "￥29.9",
                  oldPrice: "",
                  proImg: "http://img3m3.ddimg.cn/73/31/11000005903-1_h_2.jpg",
                },
                {
                  newPrice: "￥19.9",
                  oldPrice: "￥120",
                  proImg: "http://img3m9.ddimg.cn/92/19/27875819-1_h_13.jpg",
                },
                {
                  newPrice: "￥26.8",
                  oldPrice: "￥112",
                  proImg: "http://img3m0.ddimg.cn/84/28/689711700-1_h_1.jpg",
                },
              ],
            },
            {
              banner: [
                {
                  newPrice: "￥19.9",
                  oldPrice: "￥120",
                  proImg: "http://img3m9.ddimg.cn/92/19/27875819-1_h_13.jpg",
                },
                {
                  newPrice: "￥26.8",
                  oldPrice: "￥112",
                  proImg: "http://img3m0.ddimg.cn/84/28/689711700-1_h_1.jpg",
                },
                {
                  newPrice: "￥8.8",
                  oldPrice: "￥26.8",
                  proImg: "http://img3m5.ddimg.cn/35/5/24240185-1_h_2.jpg",
                },
                {
                  newPrice: "￥85",
                  oldPrice: "￥112",
                  proImg: "http://img3m3.ddimg.cn/23/23/1529156003-1_h_38.jpg",
                },
              ],
            },
          ],
        },
        {
          name: "当当拼团",
          showTime: null,
          detail: [
            {
              banner: [
                {
                  newPrice: "￥9",
                  oldPrice: "",
                  proImg: "http://img3m2.ddimg.cn/92/30/692427872-1_b.jpg",
                },
                {
                  newPrice: "￥96",
                  oldPrice: "",
                  proImg: "http://img3m9.ddimg.cn/96/2/27909879-1_b.jpg",
                },
                {
                  newPrice: "￥5.9",
                  oldPrice: "",
                  proImg: "http://img3m9.ddimg.cn/75/21/670803879-1_b.jpg",
                },
                {
                  newPrice: "￥173.5",
                  oldPrice: "",
                  proImg: "http://img3m6.ddimg.cn/76/35/23427436-1_b.jpg",
                },
              ],
            },
            {
              banner: [
                {
                  newPrice: "￥59.9",
                  oldPrice: "",
                  proImg: "http://img3m7.ddimg.cn/49/32/11001372277-1_b.jpg",
                },
                {
                  newPrice: "￥57",
                  oldPrice: "",
                  proImg: "http://img3m8.ddimg.cn/55/35/23257828-1_b.jpg",
                },
                {
                  newPrice: "￥49",
                  oldPrice: "",
                  proImg: "http://img3m3.ddimg.cn/21/2/1621293123-1_b.jpg",
                },
                {
                  newPrice: "￥121",
                  oldPrice: "",
                  proImg: "http://img3m0.ddimg.cn/84/28/689711700-1_h_1.jpg",
                },
              ],
            },
            {
              banner: [
                {
                  newPrice: "￥105.50",
                  oldPrice: "",
                  proImg: "http://img3m4.ddimg.cn/31/1/29152264-1_h_57.jpg",
                },
                {
                  newPrice: "￥49.00",
                  oldPrice: "",
                  proImg: "http://img3m1.ddimg.cn/80/1/23778791-1_h_27.jpg",
                },
                {
                  newPrice: "￥72.00",
                  oldPrice: "",
                  proImg: "http://img3m0.ddimg.cn/61/3/23444350-1_h_41.jpg",
                },
                {
                  newPrice: "￥146.00",
                  oldPrice: "",
                  proImg: "http://img3m8.ddimg.cn/94/20/29260138-1_h_3.jpg",
                },
              ],
            },
          ],
        },
        {
          name: "品牌抢购",
          showTime: null,
          detail: [
            {
              banner: [
                {
                  newPrice: "",
                  oldPrice: "",
                  proImg:
                    "http://img60.ddimg.cn/auction/76947f40-c915-489b-890f-db62c5996a02.jpg",
                  cont: "仅限一天",
                },
                {
                  newPrice: "",
                  oldPrice: "",
                  proImg:
                    "http://img62.ddimg.cn/auction/d2f0ffaa-f9dd-4ea3-bf91-732da204131f.jpg",
                  cont: "妖精的口袋",
                },
                {
                  newPrice: "",
                  oldPrice: "",
                  proImg:
                    "http://img60.ddimg.cn/auction/968c7c56-8336-4238-bd02-cb1f706f0c0b.jpg",
                  cont: "立减130",
                },
                {
                  newPrice: "",
                  oldPrice: "",
                  proImg:
                    "http://img62.ddimg.cn/auction/4ca6131c-5295-4f16-a1c3-158a23f75acf.jpg",
                  cont: "古藤席84元",
                },
                {
                  newPrice: "",
                  oldPrice: "",
                  proImg:
                    "http://img61.ddimg.cn/auction/1edfe40c-beaa-4912-b726-93a6bda9647f.jpg",
                  cont: "品质好书1元起",
                },
                {
                  newPrice: "",
                  oldPrice: "",
                  proImg:
                    "http://img63.ddimg.cn/auction/6992575e-f6fd-4512-85b3-2a6b9641a5c3.jpg",
                  cont: "童书9.9元起",
                },
                {
                  newPrice: "",
                  oldPrice: "",
                  proImg:
                    "http://img63.ddimg.cn/auction/0ee9fb2a-c92f-4857-ade9-b81ba5b869c7.jpg",
                  cont: "啄木鸟秋装新款特卖",
                },
                {
                  newPrice: "",
                  oldPrice: "",
                  proImg:
                    "http://img61.ddimg.cn/auction/a8d6012d-f606-4514-9087-a35a2d016bcf.jpg",
                  cont: "品牌商品抢购",
                },
              ],
            },
            {
              banner: [
                {
                  newPrice: "",
                  oldPrice: "",
                  proImg:
                    "http://img61.ddimg.cn/auction/470f5443-e5ae-4799-bba6-0515a36d0499.jpg",
                  cont: "教辅6.9元起！",
                },
                {
                  newPrice: "",
                  oldPrice: "",
                  proImg:
                    "http://img61.ddimg.cn/auction/79796d2b-9d83-4868-992b-94eacbbdc522.jpg",
                  cont: "小红帆开学“价”到",
                },
                {
                  newPrice: "",
                  oldPrice: "",
                  proImg:
                    "http://img62.ddimg.cn/auction/897e1ae8-0671-4d0d-a36d-9ed793e16323.jpg",
                  cont: "碧然德",
                },
                {
                  newPrice: "",
                  oldPrice: "",
                  proImg:
                    "http://img61.ddimg.cn/auction/f0647ebd-da62-486c-a19d-f8e7586d3337.jpg",
                  cont: "杂志超品日",
                },
                {
                  newPrice: "",
                  oldPrice: "",
                  proImg:
                    "http://img61.ddimg.cn/auction/1f1354e3-35df-4e60-a760-dc01c0d2a9b2.jpg",
                  cont: "满199减30",
                },
                {
                  newPrice: "",
                  oldPrice: "",
                  proImg:
                    "http://img60.ddimg.cn/auction/51e92181-d7a1-43e6-b1a5-8920275e97b4.jpg",
                  cont: "秋上新低至22元",
                },
                {
                  newPrice: "",
                  oldPrice: "",
                  proImg:
                    "http://img62.ddimg.cn/auction/305d9536-5e2d-4030-a5d5-2d3b2c11760c.jpg",
                  cont: "名创优品开学狂欢季",
                },
                {
                  newPrice: "",
                  oldPrice: "",
                  proImg:
                    "http://img63.ddimg.cn/auction/2070ceaf-35e2-4e5e-bedb-5f03288268f6.jpg",
                  cont: "外语品牌秒杀",
                },
              ],
            },
          ],
        },
      ],
      data3: [
        {
          component_type: 1,
          is_only_img: 1,
          img_url: "http://img54.ddimg.cn/215400153504424_y.png",
          dd_src: "918a3b9d60859877",
          img_explain: "1-9.18-笛莎",
          link_url: "http://shop.m.dangdang.com/21540.html",
          block: "第一坑位",
          dd_name: "第一坑位",
        },
        {
          is_only_img: 1,
          pic_title: "儿童裤子",
          dd_name: "第二坑位",
          component_type: 1,
          img_url: "http://img55.ddimg.cn/215400153504435_y.jpg",
          dd_src: "caa3a8c73f87f256",
          img_explain: "9.18 笛莎",
          link_url:
            "http://shop.m.dangdang.com/shop.php?action=shop_search&shop_id=21540&keyword=裤子",
          block: "第二坑位",
        },
        {
          is_only_img: 1,
          pic_title: "儿童外套",
          dd_name: "第三坑位",
          component_type: 1,
          img_url: "http://img56.ddimg.cn/215400153504476_y.jpg",
          dd_src: "ff2204607cc1d552",
          img_explain: "3-9.18-笛莎",
          link_url:
            "http://shop.m.dangdang.com/shop.php?action=shop_search&shop_id=21540&keyword=外套",
          block: "第三坑位",
        },
        {
          is_only_img: 1,
          pic_title: "儿童裙子",
          dd_name: "第四坑位",
          component_type: 1,
          img_url: "http://img56.ddimg.cn/215400153504456_y.jpg",
          dd_src: "c118bb3387edcae7",
          img_explain: "4-9.18-笛莎",
          link_url:
            "http://shop.m.dangdang.com/shop.php?action=shop_search&shop_id=21540&keyword=裙子",
          block: "第四坑位",
        },
        {
          is_only_img: 1,
          pic_title: "儿童套装",
          dd_name: "第五坑位",
          component_type: 1,
          img_url: "http://img50.ddimg.cn/215400153504470_y.jpg",
          dd_src: "0982b16d08b332f4",
          img_explain: "5-9.18-笛莎",
          link_url:
            "http://shop.m.dangdang.com/shop.php?action=shop_search&shop_id=21540&keyword=套装",
          block: "第五坑位",
        },
      ],
      data4: [
        {
          component_identification: "app_brand_logo_product",
          conf: {
            floor_identification: "品牌街下A",
            title_text: "",
            background_img: "",
            link_url: "",
            title_img: "",
            more_link_url: "",
          },
          value: [
            {
              product_url: "http://product.m.dangdang.com/1504646181.html",
              is_only_img: 1,
              product_attrib: "1",
              dd_name: "第一坑位",
              product_img: "http://img3m1.ddimg.cn/27/0/1504646181-1_h_2.jpg",
              component_type: 1,
              img_url:
                "http://img60.ddimg.cn/upload_img/00601/111/10748-jin-1621217512.png",
              dd_src: "850a4fcf6645fa7d",
              img_explain: "1-9.18-百丽",
              link_url: "http://shop.m.dangdang.com/10748.html",
              block: "第一坑位",
              pids: "1504646181",
            },
            {
              product_url: "http://product.m.dangdang.com/1195020435.html",
              is_only_img: 1,
              product_attrib: "1",
              dd_name: "第二坑位",
              product_img:
                "http://img3m5.ddimg.cn/48/22/1195020435-1_h_162.jpg",
              component_type: 1,
              img_url:
                "http://img62.ddimg.cn/upload_img/00834/1/ss-logo-1597735422.png",
              dd_src: "742379d4084e27ce",
              img_explain: "2-9-18松鼠",
              link_url: "http://shop.m.dangdang.com/11525.html",
              block: "第二坑位",
              pids: "1195020435",
            },
            {
              product_url: "http://product.m.dangdang.com/665450625.html",
              is_only_img: 1,
              product_attrib: "1",
              dd_name: "第五坑位",
              product_img: "http://img3m5.ddimg.cn/48/1/665450625-1_h_6.jpg",
              component_type: 1,
              img_url: "http://img50.ddimg.cn/240970152588780_y.jpg",
              dd_src: "91ad30af47730a4c",
              img_explain: "5-9-18朴西",
              link_url: "http://shop.m.dangdang.com/24097.html",
              block: "第五坑位",
              pids: "665450625",
            },
            {
              product_url: "http://product.m.dangdang.com/684031278.html",
              is_only_img: 1,
              product_attrib: "1",
              dd_name: "第六坑位",
              product_img: "http://img3m8.ddimg.cn/84/31/684031278-1_h_2.jpg",
              component_type: 1,
              img_url: "http://img59.ddimg.cn/241080162945409_y.png",
              dd_src: "e8d51b12682fefe2",
              img_explain: "6-9-18名创优品",
              link_url: "http://shop.m.dangdang.com/24108.html",
              block: "第六坑位",
              pids: "684031278",
            },
            {
              product_url: "http://product.m.dangdang.com/610390151.html",
              is_only_img: 1,
              product_attrib: "1",
              dd_name: "第七坑位",
              product_img: "http://img3m1.ddimg.cn/8/4/610390151-1_h_1.jpg",
              component_type: 1,
              img_url:
                "http://img60.ddimg.cn/upload_img/00659/01/67-1619177001.png",
              dd_src: "44a003e1684ea1e2",
              img_explain: "7-9.18秋水伊人",
              link_url: "http://shop.m.dangdang.com/22313.html",
              block: "第七坑位",
              pids: "610390151",
            },
            {
              product_url: "http://product.m.dangdang.com/1045513759.html",
              is_only_img: 1,
              product_attrib: "1",
              dd_name: "第八坑位",
              product_img: "http://img3m9.ddimg.cn/4/23/1045513759-1_h_190.jpg",
              component_type: 1,
              img_url: "http://img59.ddimg.cn/79140065994979_y.jpg",
              dd_src: "8523009f7b42fdbf",
              img_explain: "8-9.18-jollybaby",
              link_url: "http://shop.m.dangdang.com/20418.html",
              block: "第八坑位",
              pids: "1045513759",
            },
            {
              product_url: "http://product.m.dangdang.com/1711036127.html",
              is_only_img: 1,
              product_attrib: "1",
              dd_name: "第九坑位",
              product_img: "http://img3m7.ddimg.cn/20/24/1711036127-1_h_1.jpg",
              component_type: 1,
              img_url: "http://img59.ddimg.cn/186920170896389_y.png",
              dd_src: "2284017b5d54f74b",
              img_explain: "9-9-18芬腾",
              link_url: "http://shop.m.dangdang.com/18692.html",
              block: "第九坑位",
              pids: "1711036127",
            },
            {
              product_url: "http://product.m.dangdang.com/1073536649.html",
              is_only_img: 1,
              product_attrib: "1",
              dd_name: "第十坑位",
              product_img: "http://img3m9.ddimg.cn/53/1/1073536649-1_h_88.jpg",
              component_type: 1,
              img_url: "http://img50.ddimg.cn/79140065994980_y.jpg",
              dd_src: "f8c9e2fa05d7a215",
              img_explain: "10-9.18-逻辑狗",
              link_url: "http://shop.m.dangdang.com/19639.html",
              block: "第十坑位",
              pids: "1073536649",
            },
          ],
        },
      ],
    };
  },
  methods: {
    Time() {
      var d = new Date();
      console.log(d);
      var _this = this;
      var timer = setInterval(function () {
        var nDate = new Date();
        var nHours = nDate.getHours();
        var nMin = nDate.getMinutes();
        var nsec = nDate.getSeconds();
        var currHours = 18 - nHours;
        var currMin = 59 - nMin;
        var currnSec = 60 - nsec;
        if (currHours < 10) {
          currHours = "0" + currHours;
        }
        currMin < 10 ? (currMin = "0" + currMin) : currMin;
        currnSec < 10 ? (currnSec = "0" + currnSec) : currnSec;
        _this.hours = currHours;
        _this.minutes = currMin;
        _this.seconds = currnSec;
      }, 1000);
      if (this.hours == 0 && this.minutes == 0 && this.seconds == 0) {
        clearInterval(timer);
        this.show = false;
      } else {
        this.show = true;
      }
    },
  },
  mounted: function () {
    console.log(this);
    this.Time();
    console.log(this.seconds);
  },
};
</script>

<style lang="less">
.wra {
  padding-bottom: 75px;
}
.hearder {
  display: flex;
  align-items: center;
  height: 70px;
  background-color: #303741;
  color: white;
  overflow: hidden;
  position: relative;
  .title {
    width: 165px;
    margin: 0px 15px;
  }
  button {
    padding: 0px 13px;
    height: 35px;
    border: 2px solid white;
    border-radius: 5px;
    background-color: #303741;
    font-size: 16px;
    line-height: 35px;
    color: white;
  }
  .btn {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    position: absolute;
    right: -5px;
    top: -5px;
    background-color: #4f555c;
    text-align: center;
  }
}

.categoryNav {
  width: 100%;
  height: 620px;
  padding: 0px 13px;
  box-sizing: border-box;
}
.todayBigBrand {
  width: 100%;
  margin-top: 10px;
  padding: 0px 12px;
  // height: 208px;
  box-sizing: border-box;
  // border-radius: 10px;
  overflow: hidden;
  .top {
    background-color: #e5e7f8;
    display: flex;
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;
    .l {
      flex: 0 0 25%;
      position: relative;
      .title {
        width: 70px;
        background-color: #000;
        border-radius: 10px 0px 10px 0px;
        position: absolute;
        color: #fff;
        font-size: 12px;
        text-align: center;
        padding: 2px 0px;
        top: 0;
      }
      img {
        width: 55%;
        margin: 27px auto;
      }
    }
    .r {
      flex: 1;
      display: flex;
      .item {
        width: 23%;
        // height: 104px;
        margin-left: 0.2rem;
        // display: flex;
        // flex-wrap: wrap;
        // align-items: center;
        // align-content: center;
        // justify-content: center;
        img {
          margin-top: 15px;
          width: 100%;
          border-radius: 5px 5px 0px 0px;
        }
        p {
          width: 100%;
          background-color: #f2f4ff;
          color: #b3add3;
          font-size: 12px;
          text-align: center;
          border-radius: 0px 0px 5px 5px;
        }
      }
    }
  }
  .bottom {
    width: 100%;
    // height: 104px;
    background-color: white;
    border-radius: 0px 0px 10px 10px;
    ul {
      width: 100%;
      // height: 104px;
      // overflow: scroll;
      overflow-x: scroll;
      display: flex;
      li {
        // float: left;
        flex: 0 0 23%;
        // width: 23%;
        img {
          margin: 10px auto;
          width: 55px;
          &:nth-child(1) {
            border-radius: 5px;
          }
        }
        p {
          text-align: center;
          font-size: 14px;
          color: rgb(77, 75, 75);
        }
      }
    }
  }
}
.bookshop {
  width: 100%;
  .title_logo {
    img {
      width: 100%;
    }
  }
  .cont {
    padding: 0px 12px;
    .top {
      border-radius: 10px 10px 0px 0px;
      overflow: hidden;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      .item {
        width: 49.9%;
        height: 80px;
        display: flex;
        justify-content: space-between;
        background-color: #fff;
        margin-bottom: 2px;
        .text {
          margin-top: 20px;
          font-size: 14px;
          margin-left: 12px;
          .detail {
            color: #a29f9d;
            font-size: 12px;
          }
        }
      }
    }
    .bottom {
      width: 100%;
      height: 240px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      .item {
        padding-top: 12px;
        width: 24.8%;
        height: 118px;
        background-color: #fff;
        box-sizing: border-box;
        .text {
          font-size: 14px;
          p {
            text-align: center;
            &:nth-child(2) {
              font-size: 12px;
              color: #999999;
            }
          }
        }
        img {
          margin: 7px auto;
          width: 63px;
        }
      }
    }
  }
}
</style>